<template>
  <div class="canvasPrc">
    <!-- <hua-bu></hua-bu> -->
    <canvas-animation></canvas-animation>
    <!-- <canvas-transform></canvas-transform> -->
    <!-- <canvas-finger-touch></canvas-finger-touch> -->
    <!-- <canvas-parabola></canvas-parabola> -->
    <!-- <canvas-css-spirit></canvas-css-spirit> -->
  </div>
</template>

<script lang="ts">
import { Vue, Options } from 'vue-property-decorator';
import HuaBu from './canvasPrc/HuaBu.vue';
import CanvasAnimation from './canvasPrc/CanvasAnimation.vue';
import CanvasTransform from './canvasPrc/CanvasTransform.vue';
import CanvasFingerTouch from './canvasPrc/CanvasFingerTouch.vue';
import CanvasParabola from './canvasPrc/CanvasParabola.vue';
import CanvasCssSpirit from './canvasPrc/CanvasCssSpirit.vue';


@Options({ components: {
  HuaBu,
  CanvasAnimation,
  CanvasTransform,
  CanvasFingerTouch,
  CanvasParabola,
  CanvasCssSpirit,
} })
export default class CanvasPrc extends Vue {
  public ctx: CanvasRenderingContext2D |null = null;


  public mounted() {

  }
};
</script>

<style lang="postcss">
.canvasPrc{
  position: relative;
  width: 100%;
  height: 100%;
}

</style>
